<?php
	$root = "http://".$_SERVER['HTTP_HOST']."/".substr($_SERVER['PHP_SELF'], 1, strpos(substr($_SERVER['PHP_SELF'], 1), "/"))."/";
?>
<!DOCTYPE html>
<!--
文件用途:首页模板展示
作者:hjl
制作日期:2012-11-22
最后编辑人:hjl
最后编辑时间:2012-11-26
-->
<html lang="en">
  <head>
    <base href="<?php echo $root;?>">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 
	<title>空白模板</title>
    <?php include '../pages/common/importBaseCss.php'; ?>
    <?php include '../pages/common/importIndexTemplate.php'; ?>
    <!-- wizard -->
    <link rel="stylesheet" href="lib/stepy/css/jquery.stepy.css" /> 
  <script type="text/javascript">
			//init datas
var userId = "888888";				
var sidebarDatas = [{id:1,text:'瓦斯监控系统',clazz:'icon-eye-open',pid:0},
			{id:2,text:'KJ监控系统',href:'pages/RealTimeData/listRealTimeData.jsp',available:'true',pid:1},
			{id:3,text:'GIS安全监控系统',clazz:'icon-globe',pid:0},
			{id:4,text:'GIS监测系统',href:'pages/GisMonitoringSystem/GisMonitoringSystem.jsp',available:'true',pid:3},
			{id:5,text:'人员定位管理系统',clazz:'icon-user',pid:0},
			{id:6,text:'人员定位系统',href:'pages/example/blank.jsp',available:'true',pid:5},
			{id:7,text:'视频监控系统',clazz:'icon-facetime-video',pid:0},			
			{id:8,text:'视频监控系统',href:'pages/example/blank.jsp',available:'true',pid:7},
			{id:9,text:'探放水',clazz:'icon-tint',pid:0},			
			{id:10,text:'探放水记录',href:'pages/example/blank.jsp',available:'true',pid:9},
			{id:11,text:'掘进管理',href:'pages/example/blank.jsp',available:'true',pid:9},
			{id:12,text:'数据管理系统',clazz:'icon-hdd',pid:0},
			{id:13,text:'KJ数据查询',href:'pages/dataManagementSystem/listGasMonitoringSystem.jsp',available:'true',pid:12},
			{id:14,text:'KJ趋势分析',href:'pages/example/blank.jsp',available:'true',pid:12},
			{id:15,text:'模拟量报警查询',href:'pages/dataManagementSystem/listAnalogAlarmQuery.jsp',available:'true',pid:12},
			{id:16,text:'开关量报警查询',href:'pages/dataManagementSystem/listSwitchAlarmQuery.jsp',available:'true',pid:12},
			{id:17,text:'瓦斯报警查询',href:'pages/dataManagementSystem/listGasAlarmQuery.jsp',available:'true',pid:12},
			{id:18,text:'传感器故障查询',href:'pages/dataManagementSystem/listSensorAlarmQuery.jsp',available:'true',pid:12},
			{id:19,text:'瓦突预警查询',href:'pages/dataManagementSystem/listSensorAlarmQuery.jsp',available:'true',pid:12},
			{id:20,text:'报表系统',clazz:'icon-picture',pid:0},
			{id:21,text:'KJ日报表',href:'pages/ReportingSystem/KjDailyReport.jsp',available:'true',pid:20},
			{id:22,text:'KJ月报表',href:'pages/ReportingSystem/KjMonthReport.jsp',available:'true',pid:20},
			{id:23,text:'KJ综合日报表',href:'pages/ReportingSystem/KjComprehensiveDailyReport.jsp',available:'true',pid:20},
			{id:24,text:'KJ综合月报表',href:'pages/ReportingSystem/KjComprehensiveMonthReport.jsp',available:'true',pid:20},
			{id:25,text:'瓦斯报警日报表',href:'pages/ReportingSystem/gasAlarmDailyReport.jsp',available:'true',pid:20},
			{id:26,text:'瓦斯报警月报表',href:'pages/ReportingSystem/gasAlarmMonthReport.jsp',available:'true',pid:20},
			{id:27,text:'传感器故障日报表',href:'pages/ReportingSystem/sensorFailureDailyReport.jsp',available:'true',pid:20},
			{id:28,text:'传感器故障月报表',href:'pages/ReportingSystem/sensorFailureMonthReport.jsp',available:'true',pid:20},
			{id:29,text:'信息中心',clazz:'icon-comment',pid:0},
			{id:30,text:'通知公告',href:'pages/NoticeAnnouncement/listNoticeAnnouncement.jsp',available:'true',pid:29},
			{id:31,text:'系统管理',clazz:'icon-cog',pid:0},
			{id:32,text:'个人信息管理',href:'pages/SystemManagement/personalManagement.jsp',available:'true',pid:31},
			{id:33,text:'矿井管理',href:'pages/SystemManagement/listMineManagement.jsp',available:'true',pid:31},
			{id:34,text:'用户管理',href:'pages/SystemManagement/listUserManagement.jsp',available:'true',pid:31},
			{id:35,text:'部门管理',href:'pages/SystemManagement/listSectorManagement.jsp',available:'true',pid:31},
			{id:36,text:'角色管理',href:'pages/SystemManagement/listRoleManagement.jsp',available:'true',pid:31},
			{id:37,text:'传感器类别',href:'pages/SystemManagement/listSensorCategoryManagement.jsp',available:'true',pid:31},
			{id:38,text:'数据类别',href:'pages/SystemManagement/listCategoryDataManagement.jsp',available:'true',pid:31},
			{id:39,text:'电话薄管理',href:'pages/SystemManagement/listPhonebookManagement.jsp',available:'true',pid:31},
			{id:40,text:'短信发送历史查询',href:'pages/SystemManagement/listSmsHistory.jsp',available:'true',pid:31},
			{id:41,text:'系统日志',href:'pages/SystemManagement/listOperationLog.jsp',available:'true',pid:31}
		   ];
var navDatas = [{id:1,text:'用户名',location:'right',clazz:'icon-user',pid:0},
			{id:2,text:'个人资料',href:'#/personalInfo',available:'true',pid:1},
			{id:3,clazz:'divider',pid:1},
			{id:4,text:'退出',href:'#/logout',available:'true',pid:1},
			{id:5,text:'瓦斯监控系统',clazz:'icon-eye-open',pid:0},
			{id:6,text:'KJ监控系统',href:'pages/RealTimeData/listRealTimeData.jsp',available:'true',pid:5},
			{id:7,text:'GIS安全监控系统',clazz:'icon-globe',pid:0},
			{id:8,text:'GIS监测系统',href:'pages/GisMonitoringSystem/GisMonitoringSystem.jsp',available:'true',pid:7},
			{id:9,text:'人员定位系统',clazz:'icon-user',pid:0},
			{id:10,text:'人员定位系统',href:'pages/example/blank.jsp',available:'true',pid:9},
			{id:11,text:'视频监控系统',clazz:'icon-facetime-video',pid:0},			
			{id:12,text:'视频监控系统',href:'pages/example/blank.jsp',available:'true',pid:11},
			{id:13,text:'探放水',clazz:'icon-tint',pid:0},			
			{id:14,text:'探放水记录',href:'pages/example/blank.jsp',available:'true',pid:13},
			{id:15,text:'掘进管理',href:'pages/example/blank.jsp',available:'true',pid:13},
			{id:16,text:'数据管理系统',clazz:'icon-hdd',pid:0},
			{id:17,text:'KJ数据查询',href:'pages/dataManagementSystem/listGasMonitoringSystem.jsp',available:'true',pid:16},
			{id:18,text:'KJ趋势分析',href:'pages/example/blank.jsp',available:'true',pid:16},
			{id:19,text:'模拟量报警查询',href:'pages/dataManagementSystem/listAnalogAlarmQuery.jsp',available:'true',pid:16},
			{id:20,text:'开关量报警查询',href:'pages/dataManagementSystem/listSwitchAlarmQuery.jsp',available:'true',pid:16},
			{id:21,text:'瓦斯报警查询',href:'pages/dataManagementSystem/listGasAlarmQuery.jsp',available:'true',pid:16},
			{id:22,text:'传感器故障查询',href:'pages/dataManagementSystem/listSensorAlarmQuery.jsp',available:'true',pid:16},
			{id:23,text:'瓦突预警查询',href:'pages/dataManagementSystem/listSensorAlarmQuery.jsp',available:'true',pid:16},
			{id:24,text:'报表系统',clazz:'icon-picture',pid:0},
			{id:25,text:'KJ日报表',href:'pages/ReportingSystem/KjDailyReport.jsp',available:'true',pid:24},
			{id:26,text:'KJ月报表',href:'pages/ReportingSystem/KjMonthReport.jsp',available:'true',pid:24},
			{id:27,text:'KJ综合日报表',href:'pages/ReportingSystem/KjComprehensiveDailyReport.jsp',available:'true',pid:24},
			{id:28,text:'KJ综合月报表',href:'pages/ReportingSystem/KjComprehensiveMonthReport.jsp',available:'true',pid:24},
			{id:29,text:'瓦斯报警日报表',href:'pages/ReportingSystem/gasAlarmDailyReport.jsp',available:'true',pid:24},
			{id:30,text:'瓦斯报警月报表',href:'pages/ReportingSystem/gasAlarmMonthReport.jsp',available:'true',pid:24},
			{id:31,text:'传感器故障日报表',href:'pages/ReportingSystem/sensorFailureDailyReport.jsp',available:'true',pid:24},
			{id:32,text:'传感器故障月报表',href:'pages/ReportingSystem/SensorFailureMonthReport.jsp',available:'true',pid:24},
			{id:33,text:'信息中心',clazz:'icon-comment',pid:0},
			{id:34,text:'通知公告',href:'pages/NoticeAnnouncement/listNoticeAnnouncement.jsp',available:'true',pid:33},
			{id:35,text:'系统管理',clazz:'icon-cog',pid:0},
			{id:36,text:'个人信息管理',href:'pages/SystemManagement/personalManagement.jsp',available:'true',pid:35},
			{id:37,text:'矿井管理',href:'pages/SystemManagement/listMineManagement.jsp',available:'true',pid:35},
			{id:38,text:'用户管理',href:'pages/SystemManagement/listUserManagement.jsp',available:'true',pid:35},
			{id:39,text:'部门管理',href:'pages/SystemManagement/listSectorManagement.jsp',available:'true',pid:35},
			{id:40,text:'角色管理',href:'pages/SystemManagement/listRoleManagement.jsp',available:'true',pid:35},
			{id:41,text:'传感器类别',href:'pages/SystemManagement/listSensorCategoryManagement.jsp',available:'true',pid:35},
			{id:42,text:'数据类别',href:'pages/SystemManagement/listCategoryDataManagement.jsp',available:'true',pid:35},
			{id:43,text:'电话薄管理',href:'pages/SystemManagement/listPhonebookManagement.jsp',available:'true',pid:35},
			{id:44,text:'短信发送历史查询',href:'pages/SystemManagement/listSmsHistory.jsp',available:'true',pid:35},
			{id:45,text:'系统日志',href:'pages/SystemManagement/listOperationLog.jsp',available:'true',pid:35}
		   ];
/*	
var announcementDatas = [{id:1,title:'这是标题1',content:'这是内容1'},
			{id:2,title:'这是标题2',content:'这是内容2'}	
		   ];
*/	   
var announcementDatas = [];
  </script> 
  </head>  
  <body>
		<div id="loading_layer" style="display:none"><img src="img/ajax_loader.gif" alt="" /></div>
		<!-- style switcher -->
		<div class="style_switcher">
		</div>
		<div id="maincontainer" class="clearfix">
			<!-- header -->
            <header>
                <div class="navbar navbar-fixed-top">
                    <div class="navbar-inner">
                    </div>
                </div>
            </header>
            
            <!-- main content -->
            <div id="contentwrapper">
                <div class="main_content">
                	<div class="row-fluid">
                		<div class="span12">
                			<h3 class="heading">通知消息</h3>
							<div id="announcement">
							</div>                  			
                		</div>
                	</div>
                	
					<div id="sortable_panels">
						<h3 class="heading">菜单</h3>
						<div class="row-fluid">
							<div class="span2">
								<div class="w-box" id="w_sort01">
									<div class="w-box-header">
										瓦斯监控系统
										<div class="pull-right"><span class="label label-success">1</span></div>
									</div>
									<div class="w-box-content cnt_a">
										<ul class="dshb_icoNav tac">
											<li><a href="pages/RealTimeData/listRealTimeData.jsp" style="background-image: url(img/gCons/blue/lookup.png)">KJ监控系统</a></li>
										</ul>										
									</div>
								</div>
							</div>
							<div class="span2">
								<div class="w-box" id="w_sort02">
									<div class="w-box-header">
										GIS监控系统
										<div class="pull-right"><span class="label label-success">1</span></div>
									</div>
									<div class="w-box-content cnt_a">
										<ul class="dshb_icoNav tac">
											<li><a href="pages/GisMonitoringSystem/GisMonitoringSystem.jsp" style="background-image: url(img/gCons/green/globe.png)">GIS监控系统</a></li>
										</ul>										
									</div>
								</div>
							</div>
							<div class="span2">
								<div class="w-box" id="w_sort03">
									<div class="w-box-header">
										人员定位系统
										<div class="pull-right"><span class="label label-success">1</span></div>
									</div>
									<div class="w-box-content cnt_a">
										<ul class="dshb_icoNav tac">
											<li><a href="blank.jsp" style="background-image: url(img/gCons/orange-yellow/multi-agents.png)">人员定位系统</a></li>
										</ul>										
									</div>
								</div>
							</div>
							<div class="span2">
								<div class="w-box" id="w_sort04">
									<div class="w-box-header">
										视频监控系统
										<div class="pull-right"><span class="label label-success">1</span></div>
									</div>
									<div class="w-box-content cnt_a">
										<ul class="dshb_icoNav tac">
											<li><a href="blank.jsp" style="background-image: url(img/gCons/red/glasses.png)">视频监控系统</a></li>
										</ul>										
									</div>
								</div>
							</div>
							<div class="span4">
								<div class="w-box" id="w_sort05">
									<div class="w-box-header">
										探放水
										<div class="pull-right"><span class="label label-success">2</span></div>
									</div>
									<div class="w-box-content cnt_a">
										<ul class="dshb_icoNav tac">
											<li><a href="pages/dataManagementSystem/listGasMonitoringSystem.jsp" style="background-image: url(img/gCons/blue/container.png)">探放水记录</a></li>
											<li><a href="blank.jsp" style="background-image: url(img/gCons/blue/container.png)">掘进管理</a></li>
										</ul>										
									</div>
								</div>							
							</div>
						</div>
						<div class="row-fluid">
							<div class="span12">
								<div class="w-box" id="w_sort05">
									<div class="w-box-header">
										数据管理系统
										<div class="pull-right"><span class="label label-success">6</span></div>
									</div>
									<div class="w-box-content cnt_a">
										<ul class="dshb_icoNav tac">
											<li><a href="pages/dataManagementSystem/listGasMonitoringSystem.jsp" style="background-image: url(img/gCons/green/database.png)">KJ数据查询</a></li>
											<li><a href="blank.jsp" style="background-image: url(img/gCons/green/database.png)">KJ趋势分析</a></li>
											<li><a href="pages/dataManagementSystem/listAnalogAlarmQuery.jsp" style="background-image: url(img/gCons/red/database.png)">模拟量报警查询</a></li>
											<li><a href="pages/dataManagementSystem/listSwitchAlarmQuery.jsp" style="background-image: url(img/gCons/red/database.png)">开关量报警查询</a></li>
											<li><a href="pages/dataManagementSystem/listGasAlarmQuery.jsp" style="background-image: url(img/gCons/red/database.png)">瓦斯报警查询</a></li>
											<li><a href="pages/dataManagementSystem/listSensorAlarmQuery.jsp" style="background-image: url(img/gCons/red/database.png)">传感器故障查询</a></li>
											<li><a href="pages/dataManagementSystem/listSensorAlarmQuery.jsp" style="background-image: url(img/gCons/red/database.png)">瓦突预警查询</a></li>
										</ul>										
									</div>
								</div>							
							</div>
						</div>
						<div class="row-fluid">
							<div class="span12">
								<div class="w-box" id="w_sort06">
									<div class="w-box-header">
										报表系统
										<div class="pull-right"><span class="label label-success">8</span></div>
									</div>
									<div class="w-box-content cnt_a">
										<ul class="dshb_icoNav tac">
											<li><a href="pages/ReportingSystem/KjDailyReport.jsp" style="background-image: url(img/gCons/green/bar-chart.png)">KJ日报表</a></li>
											<li><a href="pages/ReportingSystem/KjMonthReport.jsp" style="background-image: url(img/gCons/red/bar-chart.png)">KJ月报表</a></li>
											<li><a href="pages/ReportingSystem/KjComprehensiveDailyReport.jsp" style="background-image: url(img/gCons/green/bar-chart.png)">KJ综合日报表</a></li>
											<li><a href="pages/ReportingSystem/KjComprehensiveMonthReport.jsp" style="background-image: url(img/gCons/red/bar-chart.png)">KJ综合月报表</a></li>
											<li><a href="pages/ReportingSystem/gasAlarmDailyReport.jsp" style="background-image: url(img/gCons/green/bar-chart.png)">瓦斯报警日报表</a></li>
											<li><a href="pages/ReportingSystem/gasAlarmMonthReport.jsp" style="background-image: url(img/gCons/red/bar-chart.png)">瓦斯报警月报表</a></li>
											<li><a href="pages/ReportingSystem/sensorFailureDailyReport.jsp" style="background-image: url(img/gCons/green/bar-chart.png)">传感器故障日..</a></li>
											<li><a href="pages/ReportingSystem/sensorFailureMonthReport.jsp" style="background-image: url(img/gCons/red/bar-chart.png)">传感器故障月..</a></li>
										</ul>										
									</div>
								</div>							
							</div>						
						</div>
						<div class="row-fluid">
							<div class="span2">
								<div class="w-box" id="w_sort07">
									<div class="w-box-header">
										信息中心
										<div class="pull-right"><span class="label label-success">1</span></div>
									</div>
									<div class="w-box-content cnt_a">
										<ul class="dshb_icoNav tac">
											<li><a href="pages/NoticeAnnouncement/listNoticeAnnouncement.jsp" style="background-image: url(img/gCons/blue/chat-.png)">通知公告</a></li>
										</ul>										
									</div>
								</div>
							</div>
							<div class="span10">
								<div class="w-box" id="w_sort08">
									<div class="w-box-header">
										系统管理
										<div class="pull-right"><span class="label label-success">10</span></div>
									</div>
									<div class="w-box-content cnt_a">
										<ul class="dshb_icoNav tac">
											<li><a href="pages/SystemManagement/personalManagement.jsp" style="background-image: url(img/gCons/orange-yellow/agent.png)">个人信息管理</a></li>
											<li><a href="pages/SystemManagement/listMineManagement.jsp" style="background-image: url(img/gCons/green/connections.png)">矿井管理</a></li>
											<li><a href="pages/SystemManagement/listUserManagement.jsp" style="background-image: url(img/gCons/orange-yellow/ID.png)">用户管理</a></li>
											<li><a href="pages/SystemManagement/listSectorManagement.jsp" style="background-image: url(img/gCons/green/connections.png)">部门管理</a></li>
											<li><a href="pages/SystemManagement/listRoleManagement.jsp" style="background-image: url(img/gCons/orange-yellow/ID.png)">角色管理</a></li>
											<li><a href="pages/SystemManagement/listSensorCategoryManagement.jsp" style="background-image: url(img/gCons/green/connections.png)">传感器类别</a></li>
											<li><a href="pages/SystemManagement/listCategoryDataManagement.jsp" style="background-image: url(img/gCons/green/connections.png)">数据类别</a></li>
											<li><a href="pages/SystemManagement/listPhonebookManagement.jsp" style="background-image: url(img/gCons/red/mobile.png)">电话薄管理</a></li>
											<li><a href="pages/SystemManagement/listSmsHistory.jsp" style="background-image: url(img/gCons/red/chat-02.png)">短信发送历史..</a></li>
											<li><a href="pages/SystemManagement/listOperationLog.jsp" style="background-image: url(img/gCons/red/bookmark.png)">系统日志</a></li>
										</ul>										
									</div>
								</div>
							</div>
						<div>	
					</div>



					<!-- Modal -->
					<div id="sysCheck_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  						<div class="modal-header">
    						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    						<h3 id="myModalLabel">系统检测</h3>
  						</div>
  						<div class="modal-body">
							<div class="row-fluid">
								<div class="span12">
									<form id="sysCheck_wizard" class="stepy-wizzard form-horizontal">
										<fieldset title="浏览器内核检测">
											<legend class="hide">检测当前你当前浏览器的内核</legend>
											<div class="formSep control-group">
												<label class="control-label span2">进度:</label>
    											<div class="progress progress-info span10">
    												<div class="bar" data-percentage="100"></div>
												</div>
											</div>
											<div class="sepH_c control-group">
												<label class="control-label span4">你的浏览器内核版本:</label>
												<div class="controls span8">
													<pre id="explorerVersion"></pre>
												</div>
											</div>
											<div class="sepH_c control-group">
												<label class="control-label span2">意见:</label>
												<div class="controls span10">
													<pre id="advice"></pre>
												</div>
											</div>
										</fieldset>
										<fieldset title="浏览器选择">
											<legend class="hide">为你推荐最佳的浏览器</legend>
											<div class="formSep control-group">
												<label class="control-label">1:</label>
												<div class="controls">
													<a href="http://dlc2.pconline.com.cn/filedown_63395_6741248/UulGZPrJ/360cse_6.0.0.260.exe">360急速浏览器(31.68M)(推荐)</a>
												</div>
											</div>
											<div class="formSep control-group">
												<label class="control-label">2:</label>
												<div class="controls">
													<a href="http://dlc2.pconline.com.cn/filedown_51614_6750119/9PW795ew/CHRZ_Chrome_non_defaultV5.exe">Google浏览器(31.68M)</a>
												</div>
											</div>
											<div class="sepH_c control-group">
												<label class="control-label">3:</label>
												<div class="controls">
													<a href="http://dlc2.pconline.com.cn/filedown_52175_6750654/NfcCxwgA/Firefox-setup.exe">火狐浏览器(在线安装包:629KB)</a>
												</div>
											</div>
										</fieldset>
									</form>
								</div>
							</div>
  						</div>
					</div>
					
					<div id="announcement_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  						<div class="modal-header">
    						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    						<h3 id="myModalLabel">通知公告详情</h3>
  						</div>
  						<div class="modal-body">
							<div class="row-fluid">
								<div class="span12">
									<div class="doc_view" data-model="announcementModel">
										<div class="doc_view_header">
 											<dl class="dl-horizontal">
												<dt>标题</dt>
													<dd data-bind="text:noticeTitle"></dd>
												<dt>发布人</dt>
													<dd><span data-bind="text:noticePerson"></span></dd>
												<dt>发布日期</dt>
													<dd><span data-bind="text:noticeDate"></span></dd>
												<dt>内容</dt>
													<dd><span data-bind="text:noticeContent"></span></dd>
												<dt>备注</dt>
													<dd><span data-bind="text:noticeAttachment"></span></dd>
											</dl>
										</div>
										<div class="doc_view_content">
											附件:<span data-bind="text:noticeRemark"></span>
										</div>
										<div class="doc_view_footer clearfix">
											<div class="span12">
												<label for="noticeImplementation" class="span2">执行情况:</label>
												<textarea rows="5" cols="5" name="noticeImplementation" id="noticeImplementation" class="span10">
												</textarea>
											</div>													
										</div>
									</div>								
								</div>
							</div>
  						</div>
  						<div class="modal-footer">
    						<input class="btn btn-gebo" type="submit" value="提交" data-bind="attr:{'data-id':id}"></input>
  						</div>
					</div>
					
					<div id="personalInfo_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  						<div class="modal-header">
    						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    						<h3 id="myModalLabel">个人资料</h3>
  						</div>
  						<div class="modal-body">
							<div class="row-fluid">
								<div class="span12">
									<div class="doc_view" data-model="personalInfoModel">
										<div class="doc_view_header">
                                            <dl class="dl-horizontal">
                                               <dt>用户真实姓名</dt>
                                               		<dd data-bind="text:userRealName"></dd>
                                               <dt>用户工号</dt>
                                                     <dd><span data-bind="text:userWorkNo"></span></dd>
                                               <dt>性别</dt>
                                                     <dd><span data-bind="text:sex()=='female'?'女':'男'"></span></dd>
                                               <dt>年龄</dt>
                                                     <dd><span data-bind="text:age"></span></dd>
                                               <dt>所在部门</dt>
                                                     <dd><span data-bind="text:department"></span></dd>
                                               <dt>所在矿井</dt>
                                                     <dd><span data-bind="text:mine"></span></dd>
                                               <dt>用户角色</dt>
                                                     <dd><span data-bind="text:role"></span></dd>
                                            </dl>
										</div>
									</div>								
								</div>
							</div>
  						</div>
					</div>
					
					<div id="videoChannelInfo_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  						<div class="modal-header">
    						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    						<h3 id="myModalLabel">提示-安装"视频监控系统"插件</h3>
  						</div>
  						<div class="modal-body">
							<div class="row-fluid">
								<div class="span12">
									<form class="form-horizontal">
										<fieldset>
											<div class="sepH_c control-group">
												<label class="control-label span2">跳转到:</label>
												<div class="controls span10">
													<a href="pages/install_wizard.php">"视频监控系统插件-安装页面"</a>
												</div>
											</div>
										</fieldset>											
									</form>
								</div>
							</div>
  						</div>
  						<div class="modal-footer">
    						<input type="checkbox" id="videoChannelInfoTip">不再提醒</input>
  						</div>
					</div>					

					<!-- hide elements -->
					<div class="hide">
						<!-- confirmation -->
						<div id="logoutConfirm_dialog" class="cbox_content">
							<div class="sepH_c tac"><strong>确定退出系统?</strong></div>
							<div class="tac">
								<a href="#" class="btn btn-gebo confirm_yes">是</a>
								<a href="#" class="btn confirm_no">否</a>
							</div>
						</div>					
					</div>
											
                </div>
            </div>
            
			<!-- sidebar -->
            <a href="javascript:void(0)" class="sidebar_switch on_switch ttip_r" title="隐藏侧边栏">侧边栏</a>
            <div class="sidebar" id="sidebar">
			</div>
		</div>
  </body>
  <?php include '../pages/common/importBaseJs.php'; ?>
  <!-- wizard -->
  <script src="lib/stepy/js/jquery.stepy.min.js"></script>
  <!-- jshowoff -->
  <script src="lib/jshowoff/jquery.jshowoff.min.js"></script>
  <!-- bootstrap-progressbar -->
  <script src="lib/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>  
  <!-- sammy -->
  <script src="lib/sammy/sammy-0.7.2.min.js"></script>
  <!-- jquery.livequery.js -->
  <script type="text/javascript" src="js/jquery.livequery.js"></script>
  <!-- knockout.multimodels -->
  <script type="text/javascript" src="lib/knockout/knockout.multimodels-0.1.min.js"></script>  
  <!-- app.js 
  <script src="js/app/index.js"></script>
  -->
  	<script src="js/gebo_upload.js"></script>
	<script type="text/javascript">
	/*
	*文件用途:首页控制
	*作者:hjl
	*制作日期:2012-11-23
	*最后编辑人:hjl
	*最后编辑时间:2012-11-26
	*/	
	//================
	//模块入口
	//================
    $(document).ready(function() {
    	if("undefined" != typeof announcementDatas){
    		app.announcements = new TAFFY(announcementDatas);
			app.showAnnouncement();
		}
        app.explorerSelectWizard();
        app.checkInstallVideoChannelInfoPlugin();
        app.actions();
        app.aclManage();
    });

    app = {
        //选中数据id值
        announcements : {},        
    	//================
    	//检测浏览器版本
    	//================     	    
    	checkExplorerVersion: function() {
    		var Sys = {};
            var ua = navigator.userAgent.toLowerCase();
            if (window.ActiveXObject)
                Sys.ie = ua.match(/msie ([\d.]+)/)[1]
            else if (document.getBoxObjectFor)
                Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1]
            else if (window.MessageEvent && !document.getBoxObjectFor)
                Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1]
            else if (window.opera)
                Sys.opera = ua.match(/opera.([\d.]+)/)[1]
            else if (window.openDatabase)
                Sys.safari = ua.match(/version\/([\d.]+)/)[1];
            return Sys;
            //以下进行测试
            if(Sys.ie) document.write('IE: '+Sys.ie);
            if(Sys.firefox) document.write('Firefox: '+Sys.firefox);
            if(Sys.chrome) document.write('Chrome: '+Sys.chrome);
            if(Sys.opera) document.write('Opera: '+Sys.opera);
            if(Sys.safari) document.write('Safari: '+Sys.safari);
		},
    	//================
    	//提示用户下载浏览器
    	//================ 		
		explorerSelectWizard: function(){
			var Sys = app.checkExplorerVersion();
			if(Sys.ie&&Sys.ie<9.0){
				$('#sysCheck_wizard').stepy({
					titleClick	: true,
					nextLabel:      '下一步 <i class="icon-chevron-right icon-white"></i>',
					backLabel:      '<i class="icon-chevron-left"></i> 上一步',
					finishButton: false
				});
				$('.stepy-titles').each(function(){
					$(this).children('li').each(function(index){
						var myIndex = index + 1
						$(this).append('<span class="stepNb">'+myIndex+'</span>');
					})
				})
				$("#sysCheck_modal").modal("show");
				$("#sysCheck_modal").on('hidden', function () {
					app.installVideoChannelInfoPluginWizard();
				});				
				$('.progress .bar').progressbar({
			        transition_delay: 500,
			        refresh_speed: 50,
			        display_text: 1,
			        done: function(){
						$("#sysCheck_wizard #explorerVersion").text("IE"+Sys.ie);
						$("#sysCheck_wizard #advice").text("虽然你能访问本系统,但是为了你有更为流畅的体验,请点击'下一步',下载并安装我们推荐的浏览器");;
			        }
			    });
			}
		},
		//================
    	//判断是否安装提示安装视频监控系统插件
    	//================			
		checkInstallVideoChannelInfoPlugin: function(){
			var Sys = app.checkExplorerVersion();
			if(Sys.ie&&Sys.ie<9.0){
				//doNothing
			}else{
				app.installVideoChannelInfoPluginWizard();
			}
		},		
		//================
    	//提示安装视频监控系统插件
    	//================		
		installVideoChannelInfoPluginWizard: function(){
			var installActiveX = $.cookie('gebo_installActiveX');
			if(installActiveX == null || installActiveX == "show"){
				$("#videoChannelInfo_modal").modal("show");
			}
		},
		//================
    	//显示通知消息
    	//================
		showAnnouncement: function(){
			if($('.jshowoff').length>0){
				$('.jshowoff').before("<div id='announcement'></div>");
				$('.jshowoff').remove();			
			}
			var ordered_datas = app.announcements().order("id").get();
			var templateFn = doT.template(document.getElementById('announcement-template').text);
			$('#announcement').html(templateFn(ordered_datas));
			$('#announcement').jshowoff({controlText:{ play:'播放', pause:'暂停', previous:'上一条', next:'下一条'}});
		},
		//================
    	//显示通知消息详情
    	//================    	
    	detailAnnouncement: function(data){
    		smoke.alert('数据加载中...',{ok:"取消"});
			data.random = Math.random();
			$.getJSON("listbox/detailForAnnouncement.nut",data,function(msg){
				$("button[id^='alert-ok']").trigger('click');
				msg.id = data.id;
				var viewModel = ko.mapping.fromJS(ko.toJS(msg));
				ko.attach("announcementModel", viewModel);
				$("#announcement_modal").modal("show");
			});
    	},
		//================
    	//提交通知消息
    	//================    	
    	updateAnnouncement: function(data){
    	    var form = $("#announcement_modal");
        	$.ajax({
                    type : "post",
                    url : "listbox/updateAnnouncement.nut",
                    data : data,
                    dataType : "json",
                    beforeSend : function(XMLHttpRequest){
                        form.find("input[type='submit']").addClass("disabled").removeClass("btn-gebo").val("处理中...");
                    },
                    success : function(msg,textStatus){
						form.find("input[type='submit']").removeClass("disabled").addClass("btn-gebo").val("提交");
						if(msg.state=="success"){
            				$.sticky("提交成功!", {autoclose : 5000, position: "top-right", type: "st-success" });         			
            				app.announcements({"id":data.id}).remove();
            				app.showAnnouncement();
            				$("#announcement_modal").modal("hide");
            			}
                    },
                    error : function(XMLHttpRequest, textStatus, errorThrown){
                    	smoke.alert('服务器出错,请稍候再试',{ok:"取消"});
                    },
                    complete : function(XMLHttpRequest, textStatus){

                    }
         	});     	
         },    	
		//================
    	//其他操作
    	//================     	
    	actions : function(){
    		//通知消息弹出框事件绑定
    		$("#announcement a").live("click",function(e){
    			e.preventDefault();
    			var data = {};
    			data.id = $(this).data("id");
    			app.detailAnnouncement(data);
    		});
    		//通知消息提交事件绑定
    		$("#announcement_modal input[type='submit']").live("click",function(e){
    			e.preventDefault();
    			var data = {};
    			data.id = $(this).data("id");
    			data.noticeImplementation = $("#noticeImplementation").val();
    			app.updateAnnouncement(data);
    		});
    		//路径事件绑定
    		var handle = $.sammy(function() {
  				this.get('#/logout', function () {
	        		$.colorbox({
                        initialHeight: '0',
                        initialWidth: '0',
                        href: "#logoutConfirm_dialog",
                        inline: true,
                        opacity: '0.3',
                        onComplete: function(){
                            $('.confirm_yes').click(function(e){
                                e.preventDefault();
                                $.colorbox.close();
                                app.logout();
                            });
                            $('.confirm_no').click(function(e){
                                e.preventDefault();
                                $.colorbox.close();
                            });
                        },
                        onClosed: function(){
                        	window.location.href = "#/blank";
                        }
                   });
  				});
  				this.get('#/personalInfo', function () {
    				var data = {};
                	data.id = amplify.store.sessionStorage("userId");
                	app.readPersonalInfo(data);
  				});
			});
 			handle.run();
 			//是否提醒安装安全监控系统插件
 			$("#videoChannelInfoTip").click(function(){
 				if($(this).attr("checked")!=null){
 					$.cookie('gebo_installActiveX', 'unShow',{expires:365});
 				}else{
 					$.cookie('gebo_installActiveX', 'show',{expires:365});
 				}
 			})
    	},
		//================
    	//退出操作
    	//================     	
    	logout: function(){
    		smoke.alert('退出处理中...',{ok:"取消"});
			$.ajax({
                    type : "post",
                    url : "listbox/updateAnnouncement.nut",
                    data : data,
                    dataType : "json",
                    beforeSend : function(XMLHttpRequest){},
                    success : function(msg,textStatus){
						window.location.href = "login.jsp";
                    },
                    error : function(XMLHttpRequest, textStatus, errorThrown){
                    	smoke.alert('服务器出错,请稍候再试',{ok:"取消"});
                    },
                    complete : function(XMLHttpRequest, textStatus){}
         	});    	
    	},
		//================
    	//个人资料
    	//================    	
    	readPersonalInfo:function(data){
    		window.location.href = "#/blank";
			smoke.alert('数据加载中...',{ok:"取消"});
			data.random = Math.random();
			$.getJSON("userManagement/detailForUserManagement.action",data,function(msg){
				$("button[id^='alert-ok']").trigger('click');
				msg.id = data.id;
				var viewModel = ko.mapping.fromJS(ko.toJS(msg));
				ko.attach("personalInfoModel", viewModel);
				$("#personalInfo_modal").modal("show");
			});
		}, 
		//================
    	//权限管理
    	//================    	
    	aclManage: function(){
    	    //侧边栏权限控制
    		$(".accordion-body a").live("click",function(e){
    			e.preventDefault();
    			var href = $(this).attr("href");
    			var available = $(this).data("available");
    			if(available!=null && available==true){
    				window.location.href = href;
    			}else{
    				smoke.alert('对不起,您未被授予该模块访问权限',{ok:"关闭"});
    			}
    		});
    		//顶部权限控制
    		$(".dropdown-menu a").live("click",function(e){
    			e.preventDefault();
    			var href = $(this).attr("href");
    			var available = $(this).data("available");
    			if(available!=null && available==true){
    				window.location.href = href;
    			}else{
    				smoke.alert('对不起,您未被授予该模块访问权限',{ok:"关闭"});
    			}    			
    		});
    	} 
    	
   	}
  </script>  
  <script src="js/gebo_common.js"></script>  
</html>
